<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    *{
        margin: 0px;
        padding: 0px;
    }
    .laoda{
            width: 750px;
            height: 669px;
            margin: auto;
         
        }
    .n1{
    
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background-color: #444;
     
    }
    .n2{
        width:750px;
        height: 614px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    } 
    .n3{
        width:750px;
        height: 100px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    } 
    .a17{
        width:250px;
        height: 50px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 10px;
    
    } 
    .a3 div{
        width: 750px;
        height: 60px;
        background-color: #ccc;
    }
    .a3 input{
        width: 650px;
        height: 50px;
        background-color: #fff;
        border-radius: 10px;
        display: block;
        margin: auto;
         margin-top:100px;
       
    } 
    .a4 img{
        width:750px;
        height: 200px;
        margin-top: 00px;
    }
    
    </style>
</head>
<body>
<div class="laoda">
  <div class="n1">
  <div class="a1"><a href=""><img src="../img/30.png" style="position: fixed;" alt=""></a></div>
  <div class="a2"><h1 style="margin-left: -400px; position: fixed;">汽车广场</h1></div>
</div>
<div class="n2">
<div class="a3"><div><input type="text" value="🔍搜索你感兴趣的汽车"></div></div>
<div class="a4"><img src="../img/31.png" alt=""></div>
<div class="n3">
    <div class="a6">
        <div><img src="../img/32.png" alt=""></div>
        <div><span>大V榜</span></div>
    </div>
    <div class="a7">
        <div><img src="../img/33.png" alt=""></div>
        <div><span>新品上市</span></div>
    </div>
    <div class="a8">
        <div><img src="../img/34.png" alt=""></div>
        <div><span>热议车榜</span></div>
    </div>
    <div class="a9">
        <div><img src="../img/35.png" alt=""></div>
        <div><span>热车排行</span></div>
    </div>
    <div class="a10">
        <div><img src="../img/36.png" alt=""></div>
        <div><span>底价查询</span></div>
    </div>
</div>
<div class="n4">
    <div class="a16"><img src="../img/40.png" alt="" style="width:750px; height:290px; margin-top: 100px"></div>
    <div class="a17">
        <div class="a18"><a href=""><img src="../img/37.png" alt=""></a></div>
        <div class="a18"><a href=""><img src="../img/38.png" alt=""></a></div>
        <div class="a18"><a href=""><img src="../img/39.png" alt=""></a></div>

    </div>
</div>

</div>

</div>
</body>
</html>